
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>定外卖企业订餐个人中心页面模板</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<section class="jq22-flexView">

	<section class="jq22-scrollView">
		<div class="jq22-take-head">
			<div class="jq22-flex jq22-flex-one">
				<div class="jq22-take-user">
					<img src="images/user.png" alt="">
				</div>
				<div class="jq22-flex-box">
					<h2>骑蜗牛奔小康</h2>
					<span>
						<i class="icon icon-phone"></i>138****8888
					</span>
				</div>
				<div class="jq22-take-button">
					<button><i class="icon icon-pic"></i>签到领积分</button>
				</div>
			</div>
			<div class="jq22-flex jq22-flex-two">
				<div class="jq22-flex-box">
					<h3>每天领红包，年卡仅0.12元/天</h3>
				</div>
				<div class="jq22-go-button">
					<button>立即开通</button>
				</div>
			</div>

			<img src="images/head.png" alt="">
		</div>

		<div class="jq22-flex jq22-flex-three">
			<div class="jq22-flex-box jq22-flex-box-info">
				<h4>优惠券 <em>3</em>张</h4>
			</div>
			<div class="jq22-flex-box">
				<h4>积分 <em>300</em>分</h4>
			</div>
		</div>

		<div class="jq22-take-item">
			<div class="jq22-flex" style="padding-bottom:0">
				<div class="jq22-flex-box">
					<h1>我的订单</h1>
				</div>
				<div class="jq22-arrow">
					<span>查看全部订单</span>
				</div>
			</div>
			<div class="jq22-palace">
				<a href="javascript:;" class="jq22-palace-grid">
					<div class="jq22-palace-grid-icon">
						<img src="images/nav-001.png" alt="">
					</div>
					<div class="jq22-palace-grid-text">
						<h2>待支付</h2>
					</div>
				</a>
				<a href="javascript:;" class="jq22-palace-grid">
					<div class="jq22-palace-grid-icon">
						<img src="images/nav-002.png" alt="">
					</div>
					<div class="jq22-palace-grid-text">
						<h2>待收货</h2>
					</div>
				</a>
				<a href="javascript:;" class="jq22-palace-grid">
					<div class="jq22-palace-grid-icon">
						<img src="images/nav-003.png" alt="">
					</div>
					<div class="jq22-palace-grid-text">
						<h2>待评价</h2>
					</div>
				</a>
				<a href="javascript:;" class="jq22-palace-grid">
					<div class="jq22-palace-grid-icon">
						<img src="images/nav-004.png" alt="">
					</div>
					<div class="jq22-palace-grid-text">
						<h2>售后</h2>
					</div>
				</a>
			</div>
		</div>

		<div class="jq22-flex jq22-flex-fore">
			<div class="jq22-flex-box">
				<img src="images/ad-001.png" alt="">
			</div>
		</div>

		<div class="jq22-take-item">
			<div class="jq22-flex">
				<div class="jq22-flex-box">
					<h1>常用功能</h1>
				</div>

			</div>
			<div class="jq22-palace">
				<a href="javascript:;" class="jq22-palace-grid">
					<div class="jq22-palace-grid-icon">
						<img src="images/nav-005.png" alt="">
					</div>
					<div class="jq22-palace-grid-text">
						<h2>我的绿卡</h2>
					</div>
				</a>
				<a href="javascript:;" class="jq22-palace-grid">
					<div class="jq22-palace-grid-icon">
						<img src="images/nav-006.png" alt="">
					</div>
					<div class="jq22-palace-grid-text">
						<h2>收货地址</h2>
					</div>
				</a>
				<a href="javascript:;" class="jq22-palace-grid">
					<div class="jq22-palace-grid-icon">
						<img src="images/nav-007.png" alt="">
					</div>
					<div class="jq22-palace-grid-text">
						<h2>邀请有礼</h2>
					</div>
				</a>
				<a href="javascript:;" class="jq22-palace-grid">
					<div class="jq22-palace-grid-icon">
						<img src="images/nav-008.png" alt="">
					</div>
					<div class="jq22-palace-grid-text">
						<h2>联系客服</h2>
					</div>
				</a>
				<a href="javascript:;" class="jq22-palace-grid">
					<div class="jq22-palace-grid-icon">
						<img src="images/nav-009.png" alt="">
					</div>
					<div class="jq22-palace-grid-text">
						<h2>礼品卡</h2>
					</div>
				</a>
				<a href="javascript:;" class="jq22-palace-grid">
					<div class="jq22-palace-grid-icon">
						<img src="images/nav-010.png" alt="">
					</div>
					<div class="jq22-palace-grid-text">
						<h2>扫一扫</h2>
					</div>
				</a>
				<a href="javascript:;" class="jq22-palace-grid">
					<div class="jq22-palace-grid-icon">
						<img src="images/nav-011.png" alt="">
					</div>
					<div class="jq22-palace-grid-text">
						<h2>意见反馈</h2>
					</div>
				</a>
				<a href="javascript:;" class="jq22-palace-grid">
					<div class="jq22-palace-grid-icon">
						<img src="images/nav-012.png" alt="">
					</div>
					<div class="jq22-palace-grid-text">
						<h2>设置</h2>
					</div>
				</a>
				<a href="javascript:;" class="jq22-palace-grid">
					<div class="jq22-palace-grid-icon">
						<img src="images/nav-013.png" alt="">
					</div>
					<div class="jq22-palace-grid-text">
						<h2>企业采购</h2>
					</div>
				</a>
			</div>
		</div>
		<div style="height:50px;"></div>


	</section>
	<footer class="jq22-footer jq22-footer-fixed">
		<a href="javascript:;" class="jq22-tabBar-item ">
                <span class="jq22-tabBar-item-icon">
                    <i class="icon icon-loan"></i>
                </span>
			<span class="jq22-tabBar-item-text">首页</span>
		</a>
		<a href="javascript:;" class="jq22-tabBar-item ">
                <span class="jq22-tabBar-item-icon">
                    <i class="icon icon-ions "></i>
                </span>
			<span class="jq22-tabBar-item-text">分类</span>
		</a>
		<a href="javascript:;" class="jq22-tabBar-item ">
                <span class="jq22-tabBar-item-icon">
                    <i class="icon icon-credit"></i>
                </span>
			<span class="jq22-tabBar-item-text">吃什么</span>
		</a>
		<a href="javascript:;" class="jq22-tabBar-item ">
                <span class="jq22-tabBar-item-icon">
                    <i class="icon icon-car"></i>
                </span>
			<span class="jq22-tabBar-item-text">购物车</span>
		</a>

		<a href="javascript:;" class="jq22-tabBar-item jq22-tabBar-item-active">
                <span class="jq22-tabBar-item-icon">
                    <i class="icon icon-mine"></i>
                </span>
			<span class="jq22-tabBar-item-text">我的</span>
		</a>
	</footer>
</section>
</body>


</html>
